<%@page contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<jsp:include page="../set.jsp" />
<!DOCTYPE html>
<html lang="zh-CN">
<head>
<title>关于</title>
<meta name="keywords" content="关于">
<meta name="description" content="介绍关于本站的一些信息。">
<jsp:include page="../cite.jsp" />
<script src="${_path}/lib/stickUp-0.5.7/stickUp.min.js"></script>
<style>
.body {
	padding-top: 30px;
	padding-bottom: 20px;
}

.body .indent {
	padding-left: 24px;
}

.body .list-group {
	padding-top: 10px;
}

.body .item {
	padding-top: 10px;
}

.body .panel th {
	padding-left: 10px;
}

.body .panel td {
	padding-left: 15px;
}

.body a {
	text-decoration: none;
}

.body span[data-toggle=tooltip] {
	cursor: default;
}

.footer {
	padding-top: 20px;
	padding-bottom: 20px;
	border-top: 1px solid #e5e5e5;
}

.footer>ul>li {
	display: inline;
	padding: 0 2px;
}
</style>
</head>
<body>
	<jsp:include page="../header.jsp" />
	<div class="container body">
		<div class="row">
			<div class="col-md-3 hidden-sm hidden-xs">
				<div class="list-group" id="menu">
					<a href="#me" class="list-group-item active">关于我</a>
					<a href="#station" class="list-group-item">关于本站</a>
					<a href="#dependent" class="list-group-item">建站相关</a>
				</div>
			</div>
			<div class="col-md-8">
				<div class="item" id="me">
					<div class="panel panel-default">
						<div class="panel-heading">关于我</div>
						<div class="panel-body">
							<p>我是谁？</p>
							<p class="indent">答：一个普通的程序员，男，已婚，88年生人。</p>
							<hr>
							<p>怎么联系我？</p>
							<p class="indent">
								个人邮箱：
								<a href="mailto:loongzcx@163.com">loongzcx@163.com</a>
							</p>
						</div>
					</div>
				</div>
				<div class="item" id="station">
					<div class="panel panel-default">
						<div class="panel-heading">关于本站</div>
						<div class="panel-body">
							<p>为什么叫 GP？</p>
							<p class="indent">答：GP是一只猪。</p>
							<hr>
							<p>这里能干什么？</p>
							<p class="indent">答：自己转转吧。</p>
							<hr>
							<p>那些是本站邮件？</p>
							<p class="indent">
								系统通知：
								<span class="text-danger">notify@gpig.xyz</span>
							</p>
							<hr>
							<p>版权相关：</p>
							<p class="text-danger indent">若发现本站有侵权、违规的东西，请大家及时联系我，我会第一时间处理。</p>
						</div>
					</div>
				</div>
				<div class="item" id="dependent">
					<div class="panel panel-default" id="dependent">
						<div class="panel-heading">建站相关</div>
						<div class="panel-body"></div>
						<table class="table table-striped table-bordered table-hover">
							<tbody>
								<tr>
									<th colspan="3">前台框架</th>
								</tr>
								<tr>
									<td>Bootstrap</td>
									<td>4.0.0</td>
									<td>
										<a href="http://getbootstrap.com/" target="_blank">http://getbootstrap.com/</a>
									</td>
								</tr>
								<tr>
									<td>jQuery</td>
									<td>2.1.4</td>
									<td>
										<a href="http://jquery.com/" target="_blank">http://jquery.com/</a>
									</td>
								</tr>
								<tr>
									<th colspan="3">前台组件</th>
								</tr>
								<tr>
									<td>Bootbox.js</td>
									<td>4.4.0</td>
									<td>
										<a href="http://bootboxjs.com/" target="_blank">http://bootboxjs.com/</a>
									</td>
								</tr>
								<tr>
									<td>bootstrap-select</td>
									<td>1.10.0</td>
									<td>
										<a href="http://silviomoreto.github.io/bootstrap-select/" target="_blank">http://silviomoreto.github.io/bootstrap-select/</a>
									</td>
								</tr>
								<tr>
									<td>DateTime Picker</td>
									<td></td>
									<td>
										<a href="http://www.malot.fr/bootstrap-datetimepicker/" target="_blank">http://www.malot.fr/bootstrap-datetimepicker/</a>
									</td>
								</tr>
								<tr>
									<td>ECharts</td>
									<td>3.1.1</td>
									<td>
										<a href="http://echarts.baidu.com/" target="_blank">http://echarts.baidu.com/</a>
									</td>
								</tr>
								<tr>
									<td>Font Awesom</td>
									<td>4.5.0</td>
									<td>
										<a href="http://fortawesome.github.io/Font-Awesome/" target="_blank">http://fortawesome.github.io/Font-Awesome/</a>
									</td>
								</tr>
								<tr>
									<td>JQuery File Uploader</td>
									<td></td>
									<td>
										<a href="https://github.com/danielm/uploader/" target="_blank">https://github.com/danielm/uploader/</a>
									</td>
								</tr>
								<tr>
									<td>Lightbox</td>
									<td>2.8.2</td>
									<td>
										<a href="http://lokeshdhakar.com/projects/lightbox2/" target="_blank">http://lokeshdhakar.com/projects/lightbox2/</a>
									</td>
								</tr>
								<tr>
									<td>Sly</td>
									<td>1.6.1</td>
									<td>
										<a href="https://github.com/darsain/sly/" target="_blank">https://github.com/darsain/sly/</a>
									</td>
								</tr>
								<tr>
									<td>
										stickUp
										<span class="text-danger" title="调整了源码，优化了浮动元素宽度的处理。" data-toggle="tooltip" data-placement="right">(有调整)</span>
									</td>
									<td>0.5.7</td>
									<td>
										<a href="http://lirancohen.github.io/stickUp/" target="_blank">http://lirancohen.github.io/stickUp/</a>
									</td>
								</tr>
								<tr>
									<td>UEditor</td>
									<td>1.4.3.1</td>
									<td>
										<a href="http://ueditor.baidu.com/website/" target="_blank">http://ueditor.baidu.com/website/</a>
									</td>
								</tr>
								<tr>
									<th colspan="3">后台框架</th>
								</tr>
								<tr>
									<td>Java</td>
									<td>8.60</td>
									<td>
										<a href="http://www.java.com/" target="_blank">http://www.java.com/</a>
									</td>
								</tr>
								<tr>
									<td>Spring</td>
									<td>4.2.4</td>
									<td>
										<a href="http://spring.io/" target="_blank">http://spring.io/</a>
									</td>
								</tr>
								<tr>
									<td>MyBatis</td>
									<td>3.3.1</td>
									<td>
										<a href="http://www.mybatis.org/" target="_blank">http://www.mybatis.org/</a>
									</td>
								</tr>
								<tr>
									<td>Lucene</td>
									<td>5.4.1</td>
									<td>
										<a href="http://lucene.apache.org/" target="_blank">http://lucene.apache.org/</a>
									</td>
								</tr>
								<tr>
									<th colspan="3">项目架构</th>
								</tr>
								<tr>
									<td>GP4j</td>
									<td>1.0.0</td>
									<td></td>
								</tr>
								<tr>
									<th colspan="3">数据库</th>
								</tr>
								<tr>
									<td>MySQL</td>
									<td>5.1.43</td>
									<td>
										<a href="http://www.mysql.com/" target="_blank">http://www.mysql.com/</a>
									</td>
								</tr>
								<tr>
									<td>Redis</td>
									<td>3.0.4</td>
									<td>
										<a href="http://redis.io/" target="_blank">http://redis.io/</a>
									</td>
								</tr>
								<tr>
									<th colspan="3">服务器</th>
								</tr>
								<tr>
									<td>Nginx</td>
									<td>1.9.4</td>
									<td>
										<a href="http://nginx.org/" target="_blank">http://nginx.org/</a>
									</td>
								</tr>
								<tr>
									<td>Tomcat</td>
									<td>8.0.26</td>
									<td>
										<a href="http://tomcat.apache.org/" target="_blank">http://tomcat.apache.org/</a>
									</td>
								</tr>
							</tbody>
						</table>
					</div>
				</div>
			</div>
		</div>
	</div>
	<footer class="footer">
		<ul class="text-muted text-center">
			<li>
				联系我 :
				<a href="mailto:loongzcx@163.com">loongzcx@163.com</a>
			</li>
			<li>|</li>
			<li>${_project}.v&nbsp:&nbsp${_version}</li>
		</ul>
	</footer>
	<script>
		$(function() {
			$('#menu').stickUp({
				parts : [ 'me', 'station', 'dependent' ],
				itemClass : 'list-group>.list-group-item',
				itemHover : 'active'
			});
		});
	</script>
</body>
</html>